.page.container.single.application_context {
  .ant-card.grid > .ant-card-body {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    &::before {
      display: none;
    }

    .ant-card.deviceCard,
    .ant-card.operator {
      width: 200px;
      height: 200px;

      .ant-card-extra .anticon {
        font-size: 12px;
      }
    }

    .operator .ant-card-body {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
    }
  }
}

.ant-modal.single.application_context {
  padding-left: 80px;
  padding-right: 80px;

  height: calc(100vh - 200px);

  .ant-modal-content {
    height: 100%;

    .ant-modal-header {
      .ant-btn {
        position: absolute;
        right: 24px;
        top: 11.5px;
      }
    }

    .ant-modal-body {
      height: calc(100% - 55px);
      overflow: auto;

      &::-webkit-scrollbar {
        width: 6px; /*滚动条的宽度*/
      }
      &::-webkit-scrollbar-thumb:vertical {
        /*垂直滚动条的样式*/
        background-color: rgba(153, 153, 153, 0.144);
        border-radius: 3px;
      }
      &::-webkit-scrollbar-thumb:hover {
        /*滚动条的hover样式*/
        background-color: #0a0a0a94;
        border-radius: 3px;
      }
    }
  }
}
